<template>
  <div>
    <header>
      <img class="logo" alt="" src="/svg/logo.svg">
      <h1>一款水墨组件</h1>
    </header>
    <m-divider/>
    <div class="introduce">
      <br/>
      <h2>这是一款开箱即用的 <b>水墨风</b> 组件库。</h2>
      <br/>
      <p>我们注意到有许多优秀的企业级UI设计语言和组件库。</p>
      <p> 作为炎黄子孙，我们十分推崇中国独有的美术风格：水墨。</p>
      <p>我们整理出了一套具有中国传统风格的水墨风组件库。</p>
      <p>希望这款中国传统风格的组件库，能用于一些小众的需求，能满足于一些对页面有美术追求，又希望能快速搭建的用户。</p>
    </div>
  </div>
</template>

<script setup lang="ts">
/**
 * @description
 * @author 阿怪
 * @date 2022/5/5 08:46
 * @version v1.0.0
 *
 * 江湖的业务千篇一律，复杂的代码好几百行。
 */


</script>

<style scoped>
.home header {
  text-align: center;
}

.logo {
  height: 200px;
  width: 200px;
}

.introduce {
  text-align: center;
  line-height: 30px;
}
</style>
